import { ConfigProvider } from 'antd'

const ConfigTheme = (props) => {

  return (
    <ConfigProvider
      theme={{
        components: {
          Button: {
            colorPrimary: '#fc5531',
            algorithm: true, // 启用算法
          },
          Input: {
            colorPrimary: '#d7dade',
            activeBorderColor: '#d7dade',
            colorPrimaryBorderHover: '#d7dade',
            colorBgContainer: '#e2e2e2',
            // colorBgBase: '#f5f6f7',
            algorithm: true, // 启用算法
          },
          Select: {
            colorPrimary: '#d7dade',
            activeBorderColor: '#d7dade',
            // colorPrimaryBorderHover: '#d7dade',
            colorBgContainer: '#eaeaea',
            // colorBgBase: '#f5f6f7',
            algorithm: true, // 启用算法
          },
          Tabs: {
            colorPrimary: '#222226',
            fontSize: 15,
            algorithm: true
          }
        },
      }}
      autoInsertSpaceInButton={false}
    >
      {props.children}
    </ConfigProvider>
  )
}

export default ConfigTheme

// const { getDesignToken, useToken } = theme
//
// const config = {
//   token: {
//     colorPrimary: '#fc5531',
//
//   },
// }
//
// // 通过静态方法获取
// const token = useToken(config.token)
// module.exports = token
// const globalToken = getDesignToken(config)
// module.exports(globalToken)
// module.exports = {
//   'primary-color': '#fc5531',  //主色
//   'layout-header-background': '#fff',
//   //固定列透明色导致显示覆盖单元格文字
//   'table-row-hover-bg': '#c2daff', //鼠标悬停：行的背景色
//   'table-selected-row-bg': '#c2daff', //表格选中：行的背景色
//   'border-radius-base': '4px', //边框圆角数值
//
// }
